﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/template/Theme.Master" CodeFile="index.aspx.cs" Inherits="index" %>

<%@ Register TagPrefix="art" TagName="DefaultMenu" Src="~/DefaultMenu.ascx" %>
<asp:Content ID="MenuContent" ContentPlaceHolderID="MenuContentPlaceHolder" runat="Server">
    <art:DefaultMenu ID="DefaultMenuContent" runat="server" />
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script>jQuery(function ($) {
    'use strict';
    if ($.fn.slider) {
        $(".art-slidecontainerac7f453543fe40b6bdf0641a198ad97c").each(function () {
            var slideContainer = $(this), tmp;
            var inner = $(".art-slider-inner", slideContainer);
            var helper = null;

            if ($.support.transition) {
                helper = new BackgroundHelper();
                helper.init("fade", "next", $(".art-slide-item", inner).first().css($.support.transition.prefix + "transition-duration"));
                inner.children().each(function () {
                    helper.processSlide($(this));
                });

            }


            inner.children().eq(0).addClass("active");
            slideContainer.slider({
                pause: 2600,
                speed: 600,
                repeat: true,
                animation: "fade",
                direction: "next",
                navigator: slideContainer.siblings(".art-slidenavigatorac7f453543fe40b6bdf0641a198ad97c"),
                helper: helper
            });
        });
    }
});
    </script>
    <style>
        #art-main
        {
    
           margin:0 auto;
           font-size: 13px;
           font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
           font-weight: normal;
           font-style: normal;
           position: relative;
           width: 100%;
           min-height: 100%;
           left: 0;
           top: 0;
           cursor:default;
           overflow:hidden;
        }
        .art-content .art-postcontent-0 .layout-item-0 {
            margin-bottom: 20px;
        }

        .art-content .art-postcontent-0 .layout-item-1 {
            color: #258DA2;
        }

        .art-content .art-postcontent-0 .layout-item-2 {
            color: #258DA2;
            padding: 0px;
        }

        .art-content .art-postcontent-0 .layout-item-3 {
            padding: 10px;
        }

        .ie7 .art-post .art-layout-cell {
            border: none !important;
            padding: 0 !important;
        }

        .ie6 .art-post .art-layout-cell {
            border: none !important;
            padding: 0 !important;
        }

        .art-slidecontainerac7f453543fe40b6bdf0641a198ad97c {
            position: relative;
            width: 479px;
            height: 270px;
            top: 0px;
            left: 0px;
        }

            .art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .art-slide-item {
            }

            .art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .art-slide-item {
                -webkit-transition: 600ms ease-in-out opacity;
                -moz-transition: 600ms ease-in-out opacity;
                -ms-transition: 600ms ease-in-out opacity;
                -o-transition: 600ms ease-in-out opacity;
                transition: 600ms ease-in-out opacity;
                position: absolute;
                display: none;
                left: 0;
                top: 0;
                opacity: 0;
                width: 100%;
                height: 100%;
            }

            .art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .active, .art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .next, .art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .prev {
                display: block;
            }

            .art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .active {
                opacity: 1;
            }

            .art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .next, .art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .prev {
                width: 100%;
            }

                .art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .next.forward, .art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .prev.back {
                    opacity: 1;
                }

            .art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .active.forward {
                opacity: 0;
            }

            .art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .active.back {
                opacity: 0;
            }


        .art-slideac7f453543fe40b6bdf0641a198ad97c0 {
            background-image: url('resources/images/slideac7f453543fe40b6bdf0641a198ad97c0.jpg');
            background-size: 100%;
            background-position: 0 0;
            background-repeat: no-repeat;
        }

        .art-slideac7f453543fe40b6bdf0641a198ad97c1 {
            background-image: url('resources/images/slideac7f453543fe40b6bdf0641a198ad97c1.jpg');
            background-size: 100%;
            background-position: 0 0;
            background-repeat: no-repeat;
        }

        .art-slideac7f453543fe40b6bdf0641a198ad97c2 {
            background-image: url('resources/images/slideac7f453543fe40b6bdf0641a198ad97c2.jpg');
            background-size: 100%;
            background-position: 0 0;
            background-repeat: no-repeat;
        }


        .art-slidenavigatorac7f453543fe40b6bdf0641a198ad97c {
            display: inline-block;
            position: absolute;
            direction: ltr !important;
            top: 402px;
            left: 89%;
            z-index: 101;
            line-height: 0 !important;
            -webkit-background-origin: border !important;
            -moz-background-origin: border !important;
            background-origin: border-box !important;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
            white-space: nowrap;
        }

        .art-slidenavigatorac7f453543fe40b6bdf0641a198ad97c {
            background: #B8C1C1;
            background: linear-gradient(top, rgba(228, 231, 231, 0.6) 0, rgba(140, 155, 155, 0.6) 100%) no-repeat;
            background: -webkit-linear-gradient(top, rgba(228, 231, 231, 0.6) 0, rgba(140, 155, 155, 0.6) 100%) no-repeat;
            background: -moz-linear-gradient(top, rgba(228, 231, 231, 0.6) 0, rgba(140, 155, 155, 0.6) 100%) no-repeat;
            background: -o-linear-gradient(top, rgba(228, 231, 231, 0.6) 0, rgba(140, 155, 155, 0.6) 100%) no-repeat;
            background: -ms-linear-gradient(top, rgba(228, 231, 231, 0.6) 0, rgba(140, 155, 155, 0.6) 100%) no-repeat;
            background: linear-gradient(top, rgba(228, 231, 231, 0.6) 0, rgba(140, 155, 155, 0.6) 100%) no-repeat;
            -svg-background: linear-gradient(top, rgba(228, 231, 231, 0.6) 0, rgba(140, 155, 155, 0.6) 100%) no-repeat;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            padding: 7px;
        }

            .art-slidenavigatorac7f453543fe40b6bdf0641a198ad97c > a {
                background: #6F807F;
                background: #6F807F;
                background: #6F807F;
                background: #6F807F;
                background: #6F807F;
                background: #6F807F;
                background: #6F807F;
                -svg-background: #6F807F;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                margin: 0 10px 0 0;
                width: 10px;
                height: 1px;
            }

                .art-slidenavigatorac7f453543fe40b6bdf0641a198ad97c > a.active {
                    background: #C1CFD1;
                    background: #C1CFD1;
                    background: #C1CFD1;
                    background: #C1CFD1;
                    background: #C1CFD1;
                    background: #C1CFD1;
                    background: #C1CFD1;
                    -svg-background: #C1CFD1;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                    margin: 0 10px 0 0;
                    width: 10px;
                    height: 10px;
                }

                .art-slidenavigatorac7f453543fe40b6bdf0641a198ad97c > a:hover {
                    background: #5D7A7E;
                    background: #5D7A7E;
                    background: #5D7A7E;
                    background: #5D7A7E;
                    background: #5D7A7E;
                    background: #5D7A7E;
                    background: #5D7A7E;
                    -svg-background: #5D7A7E;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                    margin: 0 10px 0 0;
                    width: 10px;
                    height: 10px;
                }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
        
    <div class="art-layout-cell art-content">
        <article class="art-post art-article">
            <div style="height:10px"></div>
       
                
            <div class="art-postcontent art-postcontent-0 clearfix">

                
                <div class="art-content-layout-wrapper layout-item-0">
                    <blockquote>
                    <h3>
                รายการแจ้งเตือนก่อนหมดอายุความ
                        </h3>
                </blockquote>


                    <div style="height: 10px"></div>
                    <asp:UpdatePanel ID="PnGrid" runat="server">
                        <ContentTemplate>
                            <telerik:RadGrid ID="GridResult" runat="server"
                                AllowCustomPaging="True" AllowPaging="True"
                                ViewStateMode="Enabled" OnPageSizeChanged="GridUserADmin_PageSizeChanged" OnPageIndexChanged="GridUserADmin_PageIndexChanged"
                                AutoGenerateColumns="False" GridLines="None" ShowStatusBar="True" Skin="WebBlue" CellSpacing="0">
                                <PagerStyle Mode="NextPrevAndNumeric" Position="Bottom"></PagerStyle>
                                <MasterTableView>
                                    <CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

                                    <RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn>

                                    <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column"></ExpandCollapseColumn>
                                    <Columns>
                                        <telerik:GridTemplateColumn FilterControlAltText="Filter TemplateColumn column" UniqueName="TemplateColumn" HeaderText="">
                                            <ItemTemplate>
                                                <telerik:RadButton ID="GoTo" runat="server" Text="แสดงรายการ" Skin="Default" OnClick="GoTo_Click" CommandArgument='<%#Eval("MASTER_ID") %>'>
                                                    <Icon PrimaryIconCssClass="rbNext" PrimaryIconLeft="4" PrimaryIconTop="4"></Icon>
                                                </telerik:RadButton>
                                            </ItemTemplate>
                                        </telerik:GridTemplateColumn>
                                        <telerik:GridTemplateColumn FilterControlAltText="Filter TemplateColumn column" UniqueName="TemplateColumn" HeaderText="รายการ">
                                            <ItemTemplate>
                                                <asp:Label ID="lb_TERM_NO1" runat="server" Text='<%#"เลขที่วาระ "+Eval("TERM_NO") %>'></asp:Label>
                                            </ItemTemplate>
                                        </telerik:GridTemplateColumn>
                                        <telerik:GridTemplateColumn FilterControlAltText="Filter TemplateColumn column" UniqueName="TemplateColumn" HeaderText="เจ้าของสำนวน">
                                            <ItemTemplate>
                                                <asp:Label ID="lb_TERM_NO2" runat="server" Text='<%#Eval("LAW_FNAME") + " " +Eval("LNAME") %>'></asp:Label>
                                            </ItemTemplate>
                                        </telerik:GridTemplateColumn>
                                        <telerik:GridBoundColumn DataField="WARN_SIGN_DATE" FilterControlAltText="Filter column2 column" HeaderText="วันแจ้งเตือนหมดอายุความ (ลงวันที่)" UniqueName="column2" DataFormatString="{0:dd/MM/yyyy}">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="WARN_RESULT_DATE" FilterControlAltText="Filter column2 column" HeaderText="วันแจ้งเตือนหมดอายุความ (วันประกาศผล)" UniqueName="column2" DataFormatString="{0:dd/MM/yyyy}">
                                        </telerik:GridBoundColumn>
                                    </Columns>
                                    <EditFormSettings>
                                        <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                                        </EditColumn>
                                    </EditFormSettings>
                                </MasterTableView>
                                <FilterMenu EnableImageSprites="False">
                                </FilterMenu>
                            </telerik:RadGrid>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                    <div class="art-content-layout layout-item-1">
                        <div class="art-content-layout-row">
                            <div class="art-layout-cell layout-item-2" style="width: 100%">

                                

                                <blockquote>
                                <h3>รายงานภาพรวม</h3>
                               
                                    </blockquote>

                                <p><strong>รายงานภาพรวม</strong> สามารถดูรายงานสรุปภาพรวมต่างๆ ได้ที่&nbsp;<a href="#">เพิ่มเติม</a></p>

                                <div id="ac7f453543fe40b6bdf0641a198ad97c" style="position: relative; display: inline-block; z-index: 0; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px; border-width: 0px; float: left;" class="art-collage">
                                    
                                    
                                    <div class="art-slider art-slidecontainerac7f453543fe40b6bdf0641a198ad97c" data-width="640" data-height="426">
                                        <div class="art-slider-inner">
                                            <div class="art-slide-item art-slideac7f453543fe40b6bdf0641a198ad97c0">
                                            </div>
                                            <div class="art-slide-item art-slideac7f453543fe40b6bdf0641a198ad97c1">
                                            </div>
                                            <div class="art-slide-item art-slideac7f453543fe40b6bdf0641a198ad97c2">
                                            </div>

                                        </div>
                                    </div>





                                </div>

                            </div>
                        </div>
                    </div>
                </div>

                <div style="height:10px"></div>

                <div class="art-content-layout">
                    <div class="art-content-layout-row">
                        <div class="art-layout-cell layout-item-3" style="width: 21%">
                            <h3 style="text-align: center; padding-bottom: 10px; border-bottom: 1px solid #c7c7c7">คู่มือการใช้งาน</h3>
                            <ul>
                                <li>คู่มือการใช้งาน 1</li>
                                <li>คู่มือการใช้งาน 2</li>
                                <li>คู่มือการใช้งาน 3</li>
                                <li>คู่มือการใช้งาน 4</li>
                                <li>คู่มือการใช้งาน 5</li>
                            </ul>
                        </div>
                        <div class="art-layout-cell layout-item-3" style="width: 23%">
                            <h3 style="text-align: center; padding-bottom: 10px; border-bottom: 1px solid #c7c7c7">คำถามที่พบบ่อย</h3>
                            <ul>
                                <li>คำถามที่ 1</li>
                                <li>คำถามที่ 2</li>
                                <li>คำถามที่ 3</li>
                                <li>คำถามที่ 4</li>
                                <li>คำถามที่ 5</li>
                            </ul>
                            <p><a href="#">Read more</a></p>
                        </div>
                        <div class="art-layout-cell layout-item-3" style="width: 35%">
                            <h3 style="text-align: center; padding-bottom: 10px; border-bottom: 1px solid #c7c7c7">แจ้งปัญหาการใช้งาน</h3>
                            <p>
                                <img width="324" height="213" alt="" src="resources/images/contnt-image.jpg" class=""></p>
                        </div>
                        <div class="art-layout-cell layout-item-3" style="width: 19%">
                            <h3 style="text-align: center; padding-bottom: 10px; border-bottom: 1px solid #c7c7c7">ติดต่อเรา</h3>
                            <p>
                                <img width="64" height="64" alt="" src="resources/images/1310400548_rss-2.png" style="float: left; margin-right: 10px" class=""></p>
                            <p style="padding: 25px"><a href="#">RSS</a></p>
                            <p>
                                <img width="64" height="64" alt="" src="resources/images/1310475954_twitter.png" style="float: left; margin-right: 10px" class=""></p>
                            <p style="padding: 25px"><a href="#">Twitter</a></p>
                            <p>
                                <img width="64" height="64" alt="" src="resources/images/1310475956_facebook.png" style="float: left; margin-right: 10px"></p>
                            <p style="padding: 25px"><a href="#">Facebook</a></p>
                            <p>
                                <img width="64" height="64" alt="" src="resources/images/1310983297_youtube.png" style="float: left; margin-right: 10px"></p>
                            <p style="padding: 25px"><a href="#">YouTube</a></p>
                        </div>
                    </div>
                </div>
            </div>



        </article>
    </div>

</asp:Content>

